<ul class="nav nav-list topics_popover">
    <li class="topic-menu-item">
        <div class="topic-name">{{topic_name}}</div>
    </li>

    <hr />

    <li class="topic-menu-item hidden-for-spectators">
        <div class="tabs-container">
            <div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.MUTED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.MUTED}}" data-tippy-content="{{t 'Mute' }}" aria-label="{{t 'Mute' }}">
                <i class="zulip-icon zulip-icon-mute-new"></i>
            </div>
            <div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.INHERIT)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.INHERIT}}" data-tippy-content="{{t 'Default' }}" aria-label="{{t 'Default' }}">
                <i class="zulip-icon zulip-icon-inherit"></i>
            </div>
            {{#if (or stream_muted topic_unmuted)}}
                <div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.UNMUTED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.UNMUTED}}" data-tippy-content="{{t 'Unmute' }}" aria-label="{{t 'Unmute' }}">
                    <i class="zulip-icon zulip-icon-unmute-new"></i>
                </div>
            {{/if}}
            <div class="tab-option tippy-zulip-tooltip {{#if (eq visibility_policy all_visibility_policies.FOLLOWED)}}selected-tab{{/if}}" data-visibility-policy="{{all_visibility_policies.FOLLOWED}}" data-tippy-content="{{t 'Follow' }}" aria-label="{{t 'Follow' }}">
                <i class="zulip-icon zulip-icon-follow"></i>
            </div>
        </div>
    </li>

    <hr class="hidden-for-spectators" />

    {{#if has_starred_messages}}
    <li class="topic-menu-item hidden-for-spectators">
        <a tabindex="0" class="sidebar-popover-unstar-all-in-topic" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="zulip-icon zulip-icon-star" aria-hidden="true"></i>
            {{t "Unstar all messages in topic" }}
        </a>
    </li>
    {{/if}}

    <li class="topic-menu-item hidden-for-spectators">
        <a tabindex="0" class="sidebar-popover-mark-topic-read" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="fa fa-book" aria-hidden="true"></i>
            {{t "Mark all messages as read"}}
        </a>
    </li>

    <li class="topic-menu-item">
        <a tabindex="0" class="sidebar-popover-copy-link-to-topic" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}" data-clipboard-text="{{ url }}">
            <i class="fa fa-link" aria-hidden="true"></i>
            {{t "Copy link to topic"}}
        </a>
    </li>

    {{#if can_move_topic}}
    <hr />

    <li class="topic-menu-item">
        <a tabindex="0" class="sidebar-popover-move-topic-messages" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="fa fa-arrows" aria-hidden="true"></i>
            {{t "Move topic"}}
        </a>
    </li>
    {{else if can_rename_topic}}
    <hr />

    <li class="topic-menu-item">
        <a tabindex="0" class="sidebar-popover-rename-topic-messages" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="fa fa-pencil" aria-hidden="true"></i>
            {{t "Rename topic"}}
        </a>
    </li>
    {{/if}}

    {{#if can_rename_topic}}
    <li class="topic-menu-item">
        <a tabindex="0" class="sidebar-popover-toggle-resolved" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="fa fa-check" aria-hidden="true"></i>
            {{# if topic_is_resolved }}
            {{t "Mark as unresolved"}}
            {{else}}
            {{t "Mark as resolved"}}
            {{/if}}
        </a>
    </li>
    {{/if}}

    {{#if is_realm_admin}}
    <li class="topic-menu-item">
        <a tabindex="0" class="sidebar-popover-delete-topic-messages" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
            <i class="fa fa-trash" aria-hidden="true"></i>
            {{t "Delete topic"}}
        </a>
    </li>
    {{/if}}
</ul>
